<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>山西省审计厅档案综合管理系统</title>
		<link rel="shortcut icon" href="${pageContext.request.contextPath }/img/logo.ico"/>
		<link rel="bookmark" href="${pageContext.request.contextPath }/img/logo.ico"/>
		<script src="${pageContext.request.contextPath }/js/jquery/jquery-1.9.1.min.js"></script>
		<style type="text/css">
			*{ margin:0; padding:0;text-align: center}
			body {text-align: center;}
			#shanxi{ margin-right: auto; margin-left: auto; }
		</style>
		<script type="text/javascript">
            $(document).ready(function () {
                var canvers = document.getElementById("diagonal");
                var context = canvers.getContext("2d");
                context.globalAlpha = 0.5;

                $("#Map area").each(function () {
                    $(this).mouseover(function () {

                        context.beginPath();
                        var strs = new Array(); //定义一数组
                        strs = $(this).attr("coords").split(",");
                        var i1, i2;
                        for (var i = 0; i < strs.length; i++) {
                            if (i % 2 == 0) {
                                i1 = strs[i];
                            }
                            if (i % 2 == 1) {
                                i2 = strs[i];
                                if (i == 1) {
                                    context.moveTo(i1, i2);
                                }
                                else {
                                    context.lineTo(i1, i2);
                                }
                            }
                        }
                        context.fillStyle = "#C0C0C0";
                        context.fill();
                        // alert($(this).attr("alt"));
                        context.closePath(); //闭合
                    });
                    $(this).mouseout(function () {
                        context.clearRect(0, 0, 350, 650);
                    });
                });
            });
		</script>

		<script type="text/javascript">
            $(function () {
                $("#Map area").each(function () {
                    $(this).click(function () {
                       // provinceAction();
                        window.top.location.href = "/construction.html";
                    })
                })
            })

			function provinceAction(){
                var url = window.location.href;
                var sign = url.split("sign=")[1];
                if (sign == 0){
                    window.top.location.href = "${pageContext.request.contextPath }/login?sign="+0;
                }else{
                    window.top.location.href = "${pageContext.request.contextPath }/login";
                }
			}
		</script>
	</head>
	<body>
	<div id="u95" class="text" style="margin-top: 30px;visibility: visible; top: 32px; transform-origin: 192px 14.5px 0px;">
		<img src="${pageContext.request.contextPath }/img/logo.png" alt="" width="800px">
	</div>
	<div id="shanxi" style="width: 65%;margin-top: 30px;">
		<div id="center" style="width:315px; height:618px;float: right; ">
			<span style="font-size: 30px;">各地市机关入口</span>
			<div style="display: block; background: url('./img/images/shanxi_map.png') repeat scroll 0% 0% transparent; padding: 0px; width:315px; height: 615px; position: relative;">
				<canvas id="diagonal" style="border:0px none;top:0px;left:0;position:absolute; padding: 0px; opacity: 1;" width="315px" height="615px"></canvas>
				<img src="./img/images/shanxi_map.png" usemap="#Map" style="border-style: none; border-color: inherit; border-width: 0px; width: 315px; height: 615px; background-repeat: no-repeat; position: absolute; left: 0; top: 0; opacity: 0;" />
				<map id="Map" name="Map">
					<!---->
					<area alt="大同市"  href="#" id="datong" shape="poly" coords="281, 1, 284, 6, 284, 17, 289, 28, 293, 46, 305, 46, 309, 55, 295, 59, 282, 64, 280, 72, 270, 75, 270, 80, 280, 91, 290, 90, 295, 95, 303, 99, 302, 113, 313, 125, 310, 132, 305, 144, 308, 160, 297, 166, 291, 172, 282, 166, 274, 165, 272, 148, 244, 137, 237, 123, 228, 113, 232, 96, 225, 91, 200, 93, 187, 105, 178, 108, 175, 80, 170, 67, 172, 57, 185, 66, 193, 61, 194, 52, 202, 47, 208, 48, 220, 42, 231, 52, 254, 38, 261, 33, 268, 35, 277, 23, 270, 8" >
					<area alt="朔州市"  href="#" id="shuozhou" shape="poly" coords="170, 67, 167, 61, 166, 53, 153, 68, 139, 98, 131, 122, 137, 136, 142, 151, 154, 164, 164, 170, 190, 170, 199, 153, 211, 142, 220, 153, 237, 148, 247, 142, 227, 113, 230, 92, 197, 94, 180, 109" >
					<area alt="忻州市"  href="#" id="xinzhou" shape="poly" coords="131, 123, 137, 137, 142, 152, 154, 165, 164, 171, 190, 171, 199, 154, 211, 143, 220, 154, 237, 149, 247, 143, 272, 150, 276, 164, 279, 169, 262, 187, 271, 201, 259, 211, 248, 228, 237, 229, 218, 238, 183, 258, 164, 248, 152, 252, 151, 257, 153, 263, 119, 253, 119, 240, 112, 228, 101, 235, 75, 213, 58, 219, 69, 196, 66, 182, 76, 185, 82, 155, 71, 150, 76, 146, 93, 145, 97, 137, 95, 127, 95, 118"/>
					<area alt="太原市"  href="#" id="taiyuan" shape="poly" coords="214, 253, 215, 237, 180, 257, 161, 247, 149, 251, 148, 256, 150, 262, 116, 252, 115, 262, 99, 268, 100, 281, 105, 293, 117, 292, 124, 304, 132, 304, 138, 308, 146, 314, 158, 335, 172, 336, 181, 326, 184, 312, 190, 299, 190, 285, 210, 277, 205, 264, 208, 260"/>
					<area alt="阳泉市"  href="#" id="yangquan" shape="poly" coords="248, 230, 237, 231, 215, 236, 216, 250, 206, 261, 209, 273, 223, 273, 232, 279, 240, 301, 251, 313, 261, 308, 276, 305, 281, 306, 280, 304, 290, 298, 282, 293, 281, 286, 275, 281, 262, 256, 248, 244" >
					<area alt="吕梁市"  href="#" id="lvliang" shape="poly" coords="61, 220, 77, 216, 104, 234, 112, 230, 119, 238, 119, 263, 103, 266, 100, 278, 100, 295, 114, 295, 122, 298, 136, 309, 144, 313, 157, 335, 148, 351, 138, 349, 127, 374, 111, 382, 104, 382, 104, 393, 99, 394, 88, 397, 71, 386, 65, 391, 51, 391, 46, 384, 38, 390, 25, 388, 22, 377, 45, 353, 43, 345, 34, 333, 51, 330, 51, 314, 45, 309, 49, 300, 40, 297, 37, 289, 28, 287, 37, 249, 55, 238"/>
					<area alt="晋中市"  href="#" id="jinzhong" shape="poly" coords="176, 337, 182, 314, 189, 306, 190, 285, 208, 279, 214, 272, 232, 276, 239, 292, 239, 305, 252, 314, 261, 310, 280, 306, 291, 302, 293, 320, 267, 362, 266, 374, 273, 387, 268, 386, 251, 401, 244, 395, 236, 388, 230, 383, 203, 389, 187, 372, 171, 368, 175, 380, 157, 383, 142, 383, 144, 396, 138, 400, 136, 410, 126, 408, 112, 411, 98, 396, 105, 391, 103, 381, 113, 382, 131, 371, 138, 350, 148, 350, 156, 337"/>
					<area alt="长治市"  href="#" id="changzhi" shape="poly" coords="176, 368, 176, 382, 145, 385, 145, 398, 140, 401, 140, 417, 152, 425, 158, 439, 173, 440, 174, 448, 182, 455, 174, 471, 260, 494, 267, 432, 253, 424, 249, 408, 249, 402, 230, 385, 205, 388, 192, 374" >
					<area alt="临汾市"  href="#" id="linfen" shape="poly" coords="23, 389, 43, 389, 66, 390, 72, 388, 89, 396, 99, 395, 112, 414, 135, 408, 141, 419, 152, 426, 158, 439, 173, 440, 181, 454, 176, 469, 180, 479, 171, 488, 146, 486, 140, 499, 138, 513, 138, 532, 128, 535, 121, 529, 128, 518, 116, 511, 102, 518, 87, 516, 89, 506, 75, 498, 71, 504, 58, 499, 54, 507, 41, 502, 33, 504, 31, 491, 26, 481, 27, 471, 22, 460, 27, 424, 24, 405, 6, 400, 21, 401"/>
					<area alt="晋城市"  href="#" id="jincheng" shape="poly" coords="183, 475, 177, 482, 169, 488, 144, 487, 138, 507, 138, 532, 146, 545, 168, 551, 188, 547, 194, 547, 204, 551, 208, 548, 216, 537, 223, 536, 235, 529, 240, 526, 248, 519, 256, 506, 264, 502, 258, 491" >
					<area alt="运城市"  href="#" id="yuncheng" shape="poly" coords="57, 503, 51, 506, 36, 504, 29, 518, 19, 549, 11, 576, 10, 613, 34, 614, 53, 604, 72, 599, 81, 595, 104, 589, 121, 575, 133, 564, 142, 564, 147, 547, 135, 534, 124, 531, 127, 518, 116, 514, 102, 518, 84, 518, 88, 506, 75, 501, 68, 504" >

				</map>
			</div>
		</div>
		<div style="width:315px;">
			<span style="font-size: 30px;">省厅机关入口</span>
			<div style="display: block; padding: 0px; width:315px; height: 615px; position: relative;">
				<img src="img/images/shengting.png" alt="" onclick="provinceAction()" style="cursor:pointer" />
			</div>
		</div>
	</div>
	<script>
        var myCanvas = document.getElementById("myCanvas");
        var context = myCanvas.getContext("2d");

        context.fillStyle = "#e4e4e4";
        context.fillRect(0,0,500,500);

        context.beginPath();

        context.moveTo(100,100);
        context.lineTo(200,100);
        context.strokeStyle = "red";
        context.stroke();

        context.beginPath();
        context.moveTo(100,200);
        context.lineTo(200,200);
        context.strokeStyle = "blue";
        context.stroke();
	</script>

	</body>
	<%--<script type="text/javascript">
        function loginTragetAction(){
            alert("12312");
		}
        /*setTimeout(function() {
            var url = window.location.href;
            var sign = url.split("sign=")[1];
            if (sign == 0){
                window.top.location.href = "${pageContext.request.contextPath }/login?sign="+0;
            }else{
                window.top.location.href = "${pageContext.request.contextPath }/login";
            }

        }, 100);*/
	</script>--%>
</html>